<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<title>会员续费</title>
<link rel="stylesheet" href="/style/new/css/base.css">
<link rel="stylesheet" href="/style/new/css/swiper.min.css"/>
<link rel="stylesheet" href="/style/new/css/xshop.css" />
<script src="/style/new/js/swiper.min.js"></script>
<script src="/style/new/js/jquery-1.12.0.min.js"></script>
<script src="/style/new/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/style/new/js/xShop.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" src="/style/js/sweet-alert.min.js"></script>
 <link type="text/css" rel="stylesheet" href="/style/css/sweet-alert.css">
</head>
<body>
<div class="outwrap">
    <!--top-->  
    <div class="topbar clearfix topvh">
        <a href="/user/index" class="btn-back">
            <i class="ico-back"></i><span>返回</span>
        </a>
        <h2 class="title">会员续费</h2>
    </div>
   <form id="forms" method="post" action="save_member">
    <div class="meinner-adr-add">
        <div class="huiyuan-top">
            <div class="huiyuan-top-pic"><img src="/style/new/images/me/kai-hui.png"/></div>
            <div class="huiyuan-top-right">
                <p>Hi，尊敬的VIP</p>
                <p>续费99元会员卡，优享超低价购买资格！</p>
                <p class="huiyuan-top-shuoming"><a href="#"><img src="/style/new/images/me/kai-gui.png"/>规则说明</a></p>
            </div>
        </div>
        <div class="huiyuan-bot">
            <p class="huiyuan-bot-title"><i></i>VIP专享<i></i></p>
            <ul class="huiyuan-bot-inner">
                <li>
                    <div class="huiyuan-bot-inner-pic"><img src="/style/new/images/me/kai-icon1.png"/></div>
                    <div class="huiyuan-bot-inner-font">
                        <h2>优享最低折扣</h2>
                        <p>全场供货价，一件也同享</p>
                    </div>
                </li>
                <li>
                    <div class="huiyuan-bot-inner-pic"><img src="/style/new/images/me/kai-icon1.png"/></div>
                    <div class="huiyuan-bot-inner-font">
                        <h2>优享最低折扣</h2>
                        <p>全场供货价，一件也同享</p>
                    </div>
                </li>
                <li>
                    <div class="huiyuan-bot-inner-pic"><img src="/style/new/images/me/kai-icon1.png"/></div>
                    <div class="huiyuan-bot-inner-font">
                        <h2>优享最低折扣</h2>
                        <p>全场供货价，一件也同享</p>
                    </div>
                </li>
            </ul>
            <input type="hidden" name="money" value="99"  id="pay_fee" />
            <input type="hidden" name="order_type" value="<?=$this->type;?>" />
            <div class="huiyuan-bot-money">
                <span class="huiyuan-bot-money-hui">限时特惠</span>
                <p class="huiyuan-bot-money-xu">续费会员仅需：<span>99</span>元&nbsp;<del>129元</del></p>
            </div>
            <div class="huiyuan-bot-btn"><span>立即续费</span></div>
        </div>
    </div>
    <!--确认支付-->
    <div class="zhifu">
        <div class="xybg"></div>
        <div class="zhifu-inner">
            <span class="close"></span>
            <h2>确认付款</h2>
            <h4 id="money">99.00</h4>
            <ul>
                <li>
                    <i class="ico ico-1"><img src="/style/new/images/fu1.png"></i>
                    <span>微信支付</span>
                    <span class="tczf-pay-right"><input type="radio" name="pay_type" value="0" checked="checked"></span>
                </li>
               
            </ul>
            <a href="javascript:sub_order();" class="btn-ljfk" id="sub">确认支付</a>
        </div>
    </div>
    </form>
</div>

<!--底部导航-->
<div class="foot-menu foot-new">
    <ul class="clearfix">
        <li><a href="/index/index"><i class="ico-1"></i><span>首页</span></a></li>
        
        <li><a href="/cart/cart"><i class="ico-5"></i><span>购物车</span></a></li>
        <li><a href="#"><i class="ico-3"></i><span>客服</span></a></li>
        <li class="on"><a href="/user/index"><i class="ico-4"></i><span>我的</span></a></li>
    </ul>
</div>
<script>
    $(function(){
    	
   	 
    	$('.huiyuan-bot-btn').on('click',function(){
               
            	$('.zhifu').show();
                $('.xybg').show();
           
        
    
   	    }); 
       
        
        $('.xybg').on('click',function(){
          $('.zhifu').hide();
        });
        $('.close').on('click',function(){
          $('.zhifu').hide();
       
        })

    
  })

         function sub_order(){
    	   //var codes = $("#code").val();
           $('#forms').submit();
/*        	    $.ajax({type:'POST',url:"save_member",dataType:'json',data:$('#forms').serialize(), success: function(data) {
                alert(data)
//                 if(data.code==200){
//              	   $('.zhifu').show();
//                     $('.xybg').show();
//                    }else{
//                  	  swal(data.msg,false,"error");
//                     }
                   
       		}
			
         }) */
    }
</script>
</body>
</html>